<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>联系 </title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <script src="../js/set-meta.js"></script>
  <link rel="stylesheet" type="text/css" href="../css/contact.css"/>
  <link rel="stylesheet" type="text/css" href="../css/audio.css"/>
	<script src="../js/avalon.mobile.js"></script>
  
</head>

<body>
		<header class="mui-bar-nav mui-bar-nav-1">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<p class="mui-title mui-pull-left">联系</p>
				<a class="iconfont icon-shipin" id="toVideo"></a>
		</header>
		
		<div class="mui-content" id="contentBody" ms-controller='audioData'>
				<p id="noAudio" ms-if="@Array.length ==0">无更多聊天记录</p>
				<div class="audio-row" ms-if="@Array.length !=0">
						<div class="message-row" :class="el.dataType" ms-attr-data="el.soundName"  ms-for="(index,el) in @Array">
				    		<!--<span class="icon mui-pull-left" ms-if="el.dataType == 'TKU'"></span>-->
				    		<!--<span class="icon mui-pull-left" ms-if="el.dataType == 'TKD'">我</span>-->
				    		<span class="icon mui-pull-left" ></span>
				    		
				    		<i class="readState" ms-if="typeof(el.readState) == 'undefined' && el.dataType == 'TKU'" ></i>
				    		<div class="audio-part"  ms-css="{width:el.duration/0.2+'%'}">
				    				<span class="voice-icon"></span>
				    				<span class="voice-creat" ms-text="el.newCreatTime"></span>
				    				<span class="voice-time" ms-text="el.duration+'s'"></span>
				    		</div>
				   	</div>
				</div>
				
		</div>
		
    <div id='sound-alert' class="rprogress">
			<div class="rschedule"></div>
			<div class="r-sigh">!</div>
			<div id="audio-tips" class="rsalert">手指上滑，取消发送</div>
		</div>

    <div id="audioBtn">
    	<span class="mui-icon mui-icon-closeempty" id="xBtn"></span>
    	<div  class="cover-round"></div>
    	<div  class="out-round"></div>
    	<div  class="mid-round"></div>
    	<div  class="in-round"></div>
    	<span class="iconfont icon-yuyin audio-icon" id="recorder"></span>
    	<span id="audio-tips2">按住说话</span>
    </div> 
		
<script type="text/javascript" charset="utf-8">
		
</script>
<script src="../js/contact.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>